{include file="index@public/header" /}
<style>
body {
  background: #e1e0de;
}
* {
  box-sizing: border-box;
}
h1,
h2,
h3,
h4 {
  font-weight: 700 !important;
}
.layui-card-header {
  width: 100%;
  border-bottom: 1px solid #999 !important;
}
.layui-card {
  padding: 10px 20px 50px;
  margin-bottom: -16px !important;
}
.layui-container {
  padding: 0 !important;
}
img {
  max-width: 80%;
}
::-moz-selection {
  background: #cccccc;
  color: #ffffff;
}
::selection {
  background: #cccccc;
  color: #ffffff;
}
tr {
    border-bottom: 1px solid #ccc;
    color:#333;
}
tr:hover{background-color: #36648A;color:#ffffff}
td {
    font: 12px/14px arial,helvetica,sans-serif;
    padding: 8px 0;
}
</style>
	

<!-- 详情页移动适配 -->
<style type="text/css">
  @media screen and (max-width: 900px){
    .form{
      display: none;
    }
    .layui-card-header{
      border-bottom: none !important;
      height: 25px;
      margin-bottom: 1rem;
    }
    .detail-img-box{
      position: absolute;
      top: -4.1rem;
      right: 1rem;
      width: 25%;

    }
    h1 {
      font-size: 17px;
    }
  }
</style>
<div class="layui-container" style="width: 100%;font: 12px/14px arial,helvetica,sans-serif;">
  <div class="layui-card card-box">
      <span class="layui-breadcrumb" lay-separator="/">
      <a href="/" style="font: 12px/14px arial,helvetica,sans-serif;">{:lang('Home')}</a>
      {foreach $crumbs as $k=>$v }
      <a href="/{$v['crumbs_url']}" style="font: 12px/14px arial,helvetica,sans-serif;color:#36648A">{$v['alias_name']}</a>
      {/foreach}
    </span>
      
      <div class="layui-card-header">
          <h1>{:lang('Ceramic Zirconia Wheel')}</h1>
      </div>

      <div class="layui-card-body">
          <div class="layui-row">
              <div class="layui-col-md4">
                  <div class="layui-col-md3 detail-img-box">
                      <img src="{:Config::get('app.images_host')}/images/web/ceramic_18.jpg"/>
                      <div >Price <span style="color:#19792f">Not yet</span></div>
                  </div>
                  <div class="layui-col-md9">
                    <table style='width:100%'>
                        <tr>
                            <td colspan="3"><strong>{:lang('TECHNICAL SPECS')}</strong></td>
                        </tr>
                        <tr>
                            <td width="50%" colspan="2">{:lang('Material')}</td>
                            <td width="50%">{:lang('Zirconium Oxide')} (ZRO2)</td>
                        </tr>
                        <tr>
                          <td colspan="2">{:lang('Color')}</td>
                          <td>{:lang('White')}</td>
                        </tr>
                        <tr>
                            <td colspan="2">{:lang('Size')}</td>
                            <td>15x40x55mm</td>
                        </tr>
                        <tr>
                            <td colspan="2">{:lang('Accuracy')}</td>
                            <td>0.012mm</td>
                        </tr>
                        <tr>
                            <td colspan="2">{:lang('Maximum Temperature')}</td>
                            <td>400℃(752F）</td>
                        </tr>
                        <tr>
                            <td colspan="2">{:lang('Circular Runout')}</td>
                            <td>12um</td>
                        </tr>
                        <tr>
                            <td colspan="2">{:lang('Perpendicularity')}</td>
                            <td>12um</td>
                        </tr>
                        <tr>
                            <td colspan="2">{:lang('Circularity')}</td>
                            <td>10um</td>
                        </tr>
                        <tr>
                            <td colspan="2">{:lang('Parallelism')}</td>
                            <td>15um</td>
                        </tr>
                        <tr>
                            <td colspan="2">{:lang('Applications')}</td>
                            <td>{:lang('Chemicals, aerospace, medicine, environmental protection equipment, electronics industry. In the chemical and pharmaceutical industry, there is a need for insulation and light corrosive applications')}</td>
                        </tr>
                        <tr>
                            <td colspan="2">{:lang('RoHS')}</td>
                            <td>{:lang('Compliant')}</td>
                        </tr>
                        <tr>
                            <td colspan="3"><strong>{:lang('MATERIAL PROPERTIES')}</strong></td>
                        </tr>
                        <tr>
                            <td rowspan="6">{:lang('Ingredients')}</td>
                            <td>Y2O3</td>
                            <td>5.21%</td>
                        </tr>
                        <tr>
                            <td>FeO<sub>3</sub></td>
                            <td><0.001%</td>
                        </tr>
                        <tr>
                            <td>Na<sub>2</sub>O</td>
                            <td><0.001%</td>
                        </tr>
                        <tr>
                            <td>SiO<sub>2</sub></td>
                            <td><0.001%</td>
                        </tr>
                        <tr>
                            <td>TiO<sub>2</sub></td>
                            <td><0.001%</td>
                        </tr>
                        <tr>
                            <td>ZrO2</td>
                            <td>>94%</td>
                        </tr>
                        <tr>
                          <td colspan="2">{:lang('Density')}(g/cm3)</td>
                          <td>≥6.0</td>
                        </tr>
                        <tr>
                            <td colspan="2">{:lang('Hardness')}(Kg/mm2)</td>
                            <td>1100～1300</td>
                        </tr>
                        <tr>
                            <td colspan="2">{:lang('Bending strength')}(Mpa)</td>
                            <td>>950</td>
                        </tr>
                        <tr>
                            <td colspan="2">{:lang('Fracture toughness')}(Mpa.m-3/2)</td>
                            <td>8.0～10.0</td>
                        </tr>
                        <tr>
                            <td colspan="2">{:lang('Elastic Modulus')}(Gpa)</td>
                            <td>210</td>
                        </tr>
                    </table>
                  </div>
              </div>
              <div class="layui-col-md5">
                <div id='magnifier' >
                      <img src="{:Config::get('app.images_host')}/images/web/Ceramic-Zirconia-Wheel.jpg">
                </div>
              </div>
              {include file="index@public/form" /} 
          </div>
      </div>
  </div>
</div>

{include file="index@public/footer" /} 
<script type="text/javascript">
var Product_Number='Ceramic Zirconia Wheel';
var lasturl=<?php if(isset($_SERVER['HTTP_REFERER'])){ echo "'".$_SERVER['HTTP_REFERER']."'";}else{echo "'"."'";}?>;/*上一个页面的url 不能在ajax里面书写这样就多了一层页面关系*/
var nowurl=window.location.href;/*当前页面url*/
var posturl="{:url('index/Index/send_inquiry')}";
</script>
<script src="/static/js/form.js?v={:time()}" charset="utf-8"></script>
